<script setup>
import converted from '@/assets/converted.svg'
import { onMounted, ref } from 'vue';
import { useRouter } from 'vue-router';

const router = useRouter()
setTimeout(() => {
    router.push('/login')
}, 3000)

const visible = ref(false)

onMounted(()=>{
    visible.value = true
})


</script>

<template>
    <transition name="van-fade">
        <div v-show="visible" class="container">
            <div class="box">
                <van-icon size="50" :name="converted" />
            </div>
            <h1>WheatAi</h1>
        </div>
    </transition>
</template>

<style scoped lang="scss">
.container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
</style>